@import './../../assets/globalStyles/index.less';
.home_page {
  .dev_box {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    position: absolute;

    display: flex;
    align-items: center;
    justify-content: center;

    .flow_box {
      width: 80%;
      height: 100%;

      position: relative;

      .icon-fold {
        position: absolute;
        top: 0;
        right: 0;

        padding: 10px;

        cursor: pointer;
        color: #fff;
      }
    }

    .global_box {
      width: 100%;
    }

    .message_box {
      width: 20%;
      height: 100%;

      background-color: red;
    }

    .message-enter-active {
      transition: opacity .5s;
    }

    .message-enter {
      opacity: 0;
    }

    .dev_bar {
      position: absolute;
      top: 0;
      right: 20%;
      z-index: 1;

      cursor: move;

      width: 4px;
      height: 100%;
      display: block;
      background-color: #fff;
    }
  }
}